﻿*{
        margin: 0;
        padding: 0;
        border-width:3px;
        border-color:Black;
}

body 
{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    border-style:solid;
}

.userDesign
{
    position:relative;
    min-width:200px;
    float:right;
    margin-left:auto;
    margin-right:0px;
    margin-top:0px;
    background-color:Black;
    color:White;
    font-size:16px;
}


.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.logo
{
    background-color:Blue;
    height:200px;
    text-align:center;
    font-size:50px;
    border-bottom-style:solid;
}

#toolbar
{
    background-color:Silver;
    height:762px;
    width:190px;
    float:left;
    color:Black;
    border-right-style:solid;
    padding-left:5px;
    padding-right:5px;
    padding-top:38px;
    text-align:center;
}

#searchbar
{
    background-color:Silver;
    width:821px;
    height:30px;
    border-bottom-style:solid;
    float:right;
    text-align:center;
    padding-top:7px;
}

.txtSearch
{
    border-width:2px;
    width:350px;
    margin-right:3px;
    margin-left:3px;
    text-align:center;
}

.btnSearch
{
	border-width:2px;
	margin-right:3px;
	margin-left:3px;
	text-align:center;
}

.ddlSearch
{
    border-width:2px;
    width:75px;
    margin-right:3px;
    margin-left:3px;
    text-align:center;
}

#widgethome
{
    background-color:Blue;
    height:740px;
    width:801px;
    float:right;
    padding:10px;
}

.widgetinsert
{
    background-color:White;
    height:226px;
    width:247px;
    margin:10px;
    float:left;
}
    

.footer
{
    height:25px;
    width:1014px;
    border-top-style:solid;
    background-color:Silver;
    text-align:right;
    padding-right:10px;
    padding-top:5px;
}

.footerMenu
{
	/*width:inherit;*/
	text-align:right;
	float:right;
}

.clear 
{
    clear:both;
}

/* Weather Widget */
.logowidget
{
    text-align:center;
    margin:8px;
    margin-bottom:14px;
}

.topwidget
{
    font-size:14px;
    text-align:center;
    margin-top:-5px;
}

.datewidget
{
    font-size:11px;
    text-align:center;
    margin:0px;
}

.leftwidget
{
    float:left;
    margin:5px;
    width:20%;
}

.rightwidget
{
    float:left;
    font-size:10px;
    margin:5px;
    width:70%;
}

hr 
{
	height:2px;
	margin-top:2px;
	margin-bottom:10px;
	border-width:0px;
}

/*News Widget*/
.timon-top-headline {

  font-size:20px;
  font-weight:bold;
  color:Black;
}

.timon-headline {

  font-size:12px;
  font-weight:bold;
  color:Black;
}

.timon-readmore {

  font-size:6;
  font-weight:lighter;
}

.timon-top-story {

  font-size:29px;
  font-style:oblique;
  font-weight:bold;
  color:Black;
  text-align:center;
  text-decoration:underline;
}

.timon-source-img {

  text-align:center;
  background-color:white;
}

.timon-background {

  border-top-style:double;
  border-top-width:2px;
  border-top-color:Gray;
  background-color:#F0E6E6;
  padding:10px;
}

/*for movable content*/
#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}
#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */

}


/*Steam Widget*/
#Xml1
{
    
    background-color:Gray;
    height:226px;
    width:247px;
    margin:10px;
    float:left;
    /*overflow-y:scroll;
    overflow:scroll;
   overflow-x:scroll;*/
}

#steamID
{
    background-color:Gray;
    text-align: justify;
   /* margin:8px;*/
    /*margin-bottom:14px;*/
}
div.steamUser
{
    background-color:Gray;
    
}


div.steamUser h1
{
    background-color:Gray;
    font-size: 2em;
    margin-bottom: 0px;
    
    /*font-size:14px;*/
    text-align:center;
    /*margin-top:-5px;*/
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

div.steamBody   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    overflow:scroll;
}
div.steamProfLink
{
    background-color:Gray;
    font-size:.80em;
    text-align:center;
    margin:0px;
}
div.steamFriends
{
    background-color:Gray;
    /*overflow:auto;*/
}

div.steamAvatar
{
    background-color:Gray;
    float:none;
    margin:5px;
    width:20%;
    
}

#steamLink
{
    background-color:Gray;
    float:left;
    font-size:10px;
    margin:5px;
    width:70%;
}

/* Widget Shop Popup */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:500px;
	overflow:auto;
}
.btn_close 
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.popwidgetimgL 
{
    margin-left:40px;
    height:170px;
    width:170px;
    float:left;
    text-align:center;
}

.popwidgetbtnL
{
    margin-left:40px;
    width:170px;
    float:left;
    text-align:center;
}

.popwidgetimgR
{
    float:right;
    margin-right:40px;
    height:170px;
    width:170px;
    text-align:center;
}

.popwidgetbtnR
{
    margin-right:40px;
    width:170px;
    float:right;
    text-align:center;
}

.thumb 
{

    width: 170px;
    height: auto;
}

.totalL
{
    float:left;
    width:200px;
    height:210px;
    margin-top:20px;
}

.totalR
{
    float:right;
    width:170px;
    height:210px;
    margin-top:20px;
}